.notification-row {
  padding: 5px 0 5px 10px;
  transition: background-color 0.5s;
  cursor: pointer;
}
.notification-title {
  color: #333;
  .title-font;
}
.notification-row:hover {
  padding: 5px 0 5px 10px;
  background: rgba(41, 190, 206, 0.1);
  border-radius: 2px;
}
.notification-row:hover .notification-title {
  color: #1e3255;
  .title-font;
}
.notification-time {
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
}
.notification-close {
  visibility: hidden;
}
.notification-row:hover .notification-close {
  visibility: visible;
}
.notification-img {
  margin-top: 35px;
  transform: translateX(-6px);
}
.notification-img-wrap {
  width: 100%;
  text-align: center;
}
.title-font {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}
